<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    //get请求 
    ////步骤一：创建异步对象
    // var ajax=new XMLHttpRequest();
    // ////步骤二：设置请求的url参数，参数一是请求的类型，参数二是请求的url
    // ajax.open("get","user.json");
    // //步骤三：发送请求
    // ajax.send();
    // ////步骤四：注册事件 onreadystatechange 状态改变就会调用
    // ajax.onreadystatechange=function(){
    //     if(ajax.readyState==4&&ajax.status==200){
    //         ////步骤五：如果能够进到这个判断，说明数据完美的回来了，并且请求的页面是存在的
    //         console.log(ajax.responseText)
    //     }
    // }
    //post请求
    //步骤一：创建异步对象
    var ajax = new XMLHttpRequest();
    //步骤二：设置请求的类型及url，注意：post请求一定要添加请求头才行不然会报错
    ajax.open("post", "users.json");
    ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    //步骤三：发送请求
    ajax.send();
    //步骤四：注册事件 onreadystatechange 状态改变就会调用
    ajax.onreadystatechange = function () {
        //步骤五：如果能够进到这个判断，说明数据完美的回来了，并且请求的页面是存在的
        if (ajax.readyState == 4 && ajax.status == 200) {
            console.log(ajax.responseText);//输入响应的内容
        }
    };



</script>
</html>